<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>在线考试网后台管理 - 管理员登录首页</title>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="./css/manageindex.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management" onclick="window.location.href = 'studentinfomanage.html'">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" onclick="window.location.href = 'studentscore.html'" id="student-score">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage" onclick="window.location.href = 'managecourse.html'">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage" onclick="window.location.href = 'examemanage.html'">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>

		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置:管理员信息管理>>></span>
					<span class="admin-info">当前管理员:wyh</span>
				</div>
			</div>

			<!-- 内容区域 -->
			<div class="content-box">
				<div class="content-header">
					<div class="title">管理员列表</div>
					<div class="header-right">
						<div class="search-box">
							<input type="text" class="search-input" placeholder="搜索管理员">
							<select class="filter-select">
								<option value="">所有状态</option>
								<option value="active">正常</option>
								<option value="inactive">已停用</option>
							</select>
						</div>
						<button class="add-btn" onclick="window.location.href='manageadd.html'">+ 添加管理员</button>
					</div>
				</div>

				<table>
					<thead>
						<tr>
							<th>管理员ID</th>
							<th>姓名</th>
							<th>手机号</th>
							<th>邮箱</th>
							<th>状态</th>
							<th>创建时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>AD10001</td>
							<td>陈明远</td>
							<td>13812345678</td>
							<td>chenmy@example.com</td>
							<td><span class="status">正常</span></td>
							<td>2024-01-15 10:30</td>
							<td>
								<button class="action-btn edit-btn">编辑</button>
								<button class="action-btn delete-btn">停用</button>
							</td>
						</tr>
						<tr>
							<td>AD10002</td>
							<td>林雨清</td>
							<td>13923456789</td>
							<td>linq@example.com</td>
							<td><span class="status">正常</span></td>
							<td>2024-01-14 15:45</td>
							<td>
								<button class="action-btn edit-btn">编辑</button>
								<button class="action-btn delete-btn">停用</button>
							</td>
						</tr>
						<tr>
							<td>AD10003</td>
							<td>赵建国</td>
							<td>13634567890</td>
							<td>zhaojg@example.com</td>
							<td><span class="status status-inactive">已停用</span></td>
							<td>2024-01-13 09:15</td>
							<td>
								<button class="action-btn edit-btn">编辑</button>
								<button class="action-btn delete-btn">启用</button>
							</td>
						</tr>
					</tbody>
				</table>
				<div class="pagination-info">
					<span class="total-info">共 25 个管理员</span>
					<div class="pagination">
						<button class="page-btn">上一页</button>
						<button class="page-btn active">1</button>
						<button class="page-btn">2</button>
						<button class="page-btn">3</button>
						<button class="page-btn">下一页</button>
					</div>
				</div>

			</div>
		</div>
		<script src="js/manageindex.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>